<template>
	<div class='newsinfo-container'>
		<!--<h1>新闻详情--{{id}}</h1> -->
		<h3 class='title'>沈剑心邀你来摆摊 《剑网3》地摊经济复苏</h3>
		<!--<h3 class='title'>{{newsinfo.title}}}</h3> 以下渲染时间跟点击和内容都是如此-->
		<p class='subtitle'>
			<span>
				发表时间：2020-06-13
			</span>
			<span>
				点击：0次
			</span>
		</p>
		
		<hr>
		<div class='content'>
		<!--<div class='content' v-html='newsinfo.content'>-->
			<span>
				&nbsp;&nbsp;随着《剑网3》全新资料片“结庐在江湖”的正式公测，侠士们迎来了安宁的大唐盛世，乐享舒适惬意的居家生活！为了促进大唐经济的发展，地摊经济应运而生并逐渐盛行！这不？“沈剑心”已经在各大主城等候各位侠士，一同开创地摊经济全新局面！
                                在6月15日维护后至6月29日维护前的活动期间内，侠士可前往各大主城寻找“沈剑心”了解全新摆摊玩法！参与活动的侠士可从“沈剑心”处领取限时使用后摆摊道具，并按照任务指引，完成“沈剑心”委托的日常摆摊任务，即可获得诸多奖励，而当完成5天任务后，侠士还将获得永久“摆地摊”特效背挂[利市无双] 哦！更加令人惊喜的是，“沈剑心”还将赠送8，888朵[红色绣球花]大礼，祝愿侠士的地摊生意红红火火！江湖浩大，或有风险，因而还请诸位侠士在各大主城地图进行摆摊哦！
		    </span>
			<img src="../../images/newsinfo01.jpg"/>
			<!--评论子组件-->
			<comment-box></comment-box>
			<!--<comment-box :id=this.id></comment-box> -->
		</div>
	</div>
</template>

<script>
	import comment from '../subcomponents/Comment.vue'
	export default{
		data(){
			return {
				/*id:this.$router.params.id,
				newsinfo:{}*/
			}
		},
		components:{
			'comment-box':comment
		},
		/*created(){
			this.getNewsInfo()
		}
		methods:{
			getNemsInfo(){//获取新闻详情
				this.$http.get("#"+this.id).then(result => {
                // console.log(result.body);
                   if (result.body.status == 0) {
                // 成功了
                   this.newsinfo=result.body.message;
                   } else {
                // 失败的
                      Toast("新闻列表加载失败。。。");
                          }
			    });
				
			}
		}*/
		
	}
	/*var leftbtn = document.createElement('button');
			leftbtn.className = 'mui-action-back mui-btn mui-btn-blue mui-btn-link mui-btn-nav mui-pull-left';
			var span = document.createElement('span');
			span.className = 'mui-icon mui-icon-left-nav';
			leftbtn.appendChild(span);
			var text = document.createTextNode('首页');
			leftbtn.appendChild(text);*/
</script>

<style lang="scss" scoped>
.newsinfo-container{
	padding-left:5px;
	padding-right:5px;
	.title{
		font-size: 16px;
		text-align: center;
		margin: 15px 0;
		color: red;
	}
	.subtitle{
		font-size: 13px;
		color: #007AFF;
		display: flex;
		justify-content: space-between;
	}
	.content{
		/*img{
			width: 100%;
		}//这里应该去掉scoped*/
	}
}
</style>